<template>
  <el-row :gutter="20" class="salelist">
    <el-col :span="6">
      <div class="grid-content bg-purple">
        <img src="http://ecplf.com/static/upload/news/156073784119.jpg">
        <h4 class="text1">非标零件03非标零件03非标零件03非标零件非标零件03非标零件03非标零件0303非标零件03非标零件03非标零件03</h4>
        <p class>出货地：廊坊</p>
        <p class="red textright price">￥5000</p>
        <p class="disflex">
          <span class="red">已售：2次</span>
          <span>剩余：2次</span>
        </p>
      </div>
    </el-col>
    <el-col :span="6">
      <div class="grid-content bg-purple">
        <img src="http://ecplf.com/static/upload/news/156073784119.jpg">
        <h4 class="text1">非标零件03非标零件03非标零件03非标零件非标零件03非标零件03非标零件0303非标零件03非标零件03非标零件03</h4>
        <p class>出货地：廊坊</p>
        <p class="red textright price">￥5000</p>
        <p class="disflex">
          <span class="red">已售：2次</span>
          <span>剩余：2次</span>
        </p>
      </div>
    </el-col>
    <el-col :span="6">
      <div class="grid-content bg-purple">
        <img src="http://ecplf.com/static/upload/news/156073784119.jpg">
        <h4 class="text1">非标零件03非标零件03非标零件03非标零件非标零件03非标零件03非标零件0303非标零件03非标零件03非标零件03</h4>
        <p class>出货地：廊坊</p>
        <p class="red textright price">￥5000</p>
        <p class="disflex">
          <span class="red">已售：2次</span>
          <span>剩余：2次</span>
        </p>
      </div>
    </el-col>
    <el-col :span="6">
      <div class="grid-content bg-purple">
        <img src="http://ecplf.com/static/upload/news/156073784119.jpg">
        <h4 class="text1">非标零件03非标零件03非标零件03非标零件非标零件03非标零件03非标零件0303非标零件03非标零件03非标零件03</h4>
        <p class>出货地：廊坊</p>
        <p class="red textright price">￥5000</p>
        <p class="disflex">
          <span class="red">已售：2次</span>
          <span>剩余：2次</span>
        </p>
      </div>
    </el-col>
  </el-row>
</template>
<script>
// import configs from "../config.js";

export default {
  data() {
    return {
      search: "",
      activeIndex: "1"
    };
  },
  computed: {},
  mounted() {},
  created() {},

  methods: {},

  mounted() {}
};
</script>
<style scoped lang="scss">
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
</style>
